
<html>
  <head>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.4.0/dojo/dojo.xd.js"></script>
    <script type="text/javascript" src="usa-statemap.js"></script>
    
    <script type="text/javascript">
      google.load("visualization", "1");
//      google.load("dojo", "1");
      // Set callback to run when API is loaded
      google.setOnLoadCallback( drawVisualization); 
     
      // Called when the Visualization API is loaded.
      function drawVisualization() {
    
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'State');
        data.addColumn('string', 'Color');
        data.addRows(5);

        data.setCell(0, 0, 'California    ');
        data.setCell(0, 1, 'green');

        data.setCell(1, 0, 'Alaska');
        data.setCell(1, 1, 'yellow');

        data.setCell(2, 0, 'New York');
        data.setCell(2, 1, 'purple');


        data.setCell(3, 0, 'Kansas');
        data.setCell(3, 1, 'red');


        data.setCell(4, 0, 'Illinois');
        data.setCell(4, 1, 'blue');

        // Add more data rows and cells here

        // Instantiate our table object.
        var vis = new attunet.USAStateMap(document.getElementById('visualization'));    
        // Draw our table with the data we created locally.
        vis.draw(data, {isDataColor: true});
      }
        
   </script>
  <title>USA Statemap</title></head>
  <body>
<div id="visualization" style="overflow: auto;">
<img src="http://www.google.com/ig/images/spinner.gif" />
</div>

</body>
</html>

